<template>
	<view class="zxx">
		<view class="l"><h3>基本信息</h3></view>
		<view class="z">商品名称:</view>
		<view class="z">商品类型:
		<view class="zx">
		       <uni-data-select
		               v-model="value"
		               :localdata="range"
		               @change="change"
		               :clear="false"
		             ></uni-data-select>
		    </view> 
			商品卖点:
			<view class="mai">
			<uni-easyinput type="textarea" autoHeight v-model="qq" placeholder="请输入内容"></uni-easyinput>			 
			</view>
			<view><h3>商品价格</h3></view>
			<view class="you">油站价</view>
			<view class="ha">
			<uni-easyinput errorMessage v-model="ww" focus placeholder="请输入                              积分/升" @input="input"></uni-easyinput>
			</view>
			<view class="ww"><view class="we">国标价</view></view>
		 </view>
		 <view class="hh">
		 <uni-easyinput errorMessage v-model="ww" focus placeholder="请输入                              积分/升" @input="input"></uni-easyinput>
		 </view>
		 <view class="an">
		 <button style="background-color:#FFD700 ; width: 150px;" size="mini">保存</button>
		 </view>
		 <view class="niu">
		 <button style="width: 150px;"  type="primary" size="mini">上架发布</button>
		 </view>
	</view>
</template>

<script>
	 export default {
	    data() {
	      return {
	        value: "",
	        range: [
	          { value: 0, text: "柴油" },
	          { value: 1, text: "汽油" },
	          { value: 2, text: "机油" },
	        ],
	      };
	    },
	    methods: {
	      change(e) {
	        console.log("e:", e);
	      },
	    },
	  };
</script>

<style>
	.zx{
		width: 200px;
		position: relative;
		left: 80px;
		bottom: 25px;
	}
	.zxx{
		position: relative;
		left: 12px;	
	}
	.z{
		margin: 10px;
	}
	.l{
		position: relative;
		left: 9px;
	}
	.mai{
		position: relative;
		width: 200px;
		bottom: 20px;
		left: 80px;
	}
	.ha{
		position: relative;
		width: 200px;
		bottom: 20px;
		left: 80px;
	}
	.you{
		position: relative;
		left: 10px;
		top: 8px;
	}
	.ww{
		border: 1px solid gray;
		width: 80px;
		height: 40px;
		position: relative;
	}
	.we{
		position: relative;
		left: 16px;
		top: 8px;
	}
	.hh{
		position: relative;
		width: 200px;
		bottom: 50px;
		left: 100px;
	}
	.an{
		position: relative;
		top: 200px;
	}
	.niu{
		position: relative;
		top: 167px;
		left: 230px;
	}
</style>
